<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta charset="utf-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="../../../images/jsmile.ico"/>
    <title>字典管理</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_763780_tdovyxg8qq9.css">
    <link rel="stylesheet" href="../../../libs/vue/theme-chalk/elementui.css">
    <link rel="stylesheet" href="../../../css/index.css">
    <script src="../../../libs/vue/vue.js"></script>
    <script src="../../../libs/jquery/jquery.mini.js"></script>
    <script src="../../../libs/vue/elementui.js"></script>
    <script src="../../../libs/layer/layer.js"></script>
    <script src="../../../javascript/kit/jsmile.js"></script>
    <script src="../../../javascript/kit/vue-ext.js"></script>
</head>
<body>
<div id="app">
    <div>
        <el-breadcrumb separator="/" style="display: inline-block;">
            <el-breadcrumb-item><a href="#" @click="goHome()">首页</a></el-breadcrumb-item>
            <el-breadcrumb-item><a href="#">系统管理</a></el-breadcrumb-item>
            <el-breadcrumb-item>部门管理</el-breadcrumb-item>
        </el-breadcrumb>
    </div>

    <el-card class="box-card"
             style="margin-top: 10px;min-height:360px;max-height: 640px;" shadow="hover">
        <el-row>
            <el-col :span="20" style="margin-bottom: 10px;">
                <el-button type="primary" @click="addDept">新增</el-button>
                <el-button type="primary" @click="editDept">修改</el-button>
                <el-button type="primary" @click="deleteDept">删除</el-button>

                <el-input
                        placeholder="输入部门名称" v-model="deptName" style="margin-top:20px;"></el-input>

                <el-tree  highlight-current check-on-click-node
                          class="filter-tree" style="margin-top:20px;" :filter-node-method="filterName"  ref="deptTree" :data="deptTree" >
                </el-tree>
            </el-col>

        </el-row>
    </el-card>
</div>
<script src="../../../javascript/sys/dept/dept.js"></script>
</body>
</html>